<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../jquery-3.4.1.js"></script>
</head>
<body>
<p id="btn">页面加载触发自定义事件</p>
<button id="btn1">页面加载触发自定义事件并且传参</button>
<p id="test"></p>
<script>
    $("#btn").on("testClick", function(){
        alert("自定义事件触发")
    });

    // 页面加载自动执行自定义事件testClick
    $("#btn").trigger("testClick");

    // 自定义事件并且传参
    $("#btn1").bind("myClick", function (event, message1, message2) {
        $("#test").append("<p>" + message1 + message2 + "</p>");
    });

    $("#btn1").trigger("myClick",["我的自定义","事件"]);
</script>
</body>
</html>